div {
  overflow-x: hidden;
}
.content-one-right {
  margin-top: 1.5rem;
  background-color: #FFFFFF;
  padding-bottom: 3.32rem;
}

.content-one-right .content-one-right-text {
  float: left;
  font-size: 0.8rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.content-one-right .content-one-right-course {
  float: left;
  margin-left: 1rem;
  background-color: #9ba0a4;
  border-radius: 0.5rem;
  width: 100%;
  color: #FFFFFF;
}

.content-one-right .content-one-right-course i {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.index {
  margin-top: 1rem;
  background-color: #FFFFFF;
  height: 3.6rem;
  line-height: center;
}

.index big {
  font-size: 1.3rem;
  margin-left: -45rem;
  margin-top: 1rem;
  display: inline-block
}

.index-centent {
  margin-top: 1rem;
  background-color: #FFFFFF;
}

.index-centent .index-span {
  text-align: center;
  background-image: linear-gradient(-238deg,
    #1064dc, #2387ee 19%, #2f9cf9 49%, #2285ed 75%,
    #1064dc);
  box-shadow: inset 0 0 4px 1px rgba(89, 227, 255, .5);
  border-radius: .4rem;
  width: 2.8rem;
  height: 3.2rem;
  margin-top: 1.2rem;
}

.index-centent .index-span span {
  line-height: 3.2rem;
  height: 3.2rem;
  color: #fff;
  font-size: 1.2rem;
}

.index-centent .index-span-name {
  font-family: PingFangSC-Semibold;
  width: 80%;
  padding-bottom: .09rem;
  padding-left: 0.5rem;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  color: #333;
}

.index-centent .index-span-plan {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  width: 54%;
  margin: 0;
  color: #2c3e50;
}

.index-centent .index-centent-i {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-image: linear-gradient(90deg,#1c5edc,#1a99f9);
  margin-left: 2.5rem;
  margin-top: 1.2rem;
}

.index-centent .index-centent-i i {
  color: #afe7fa;
  font-size: 1.45rem;
  height: 2.5rem;
  line-height: 2.5rem;
}

.index-centent .index-centent-text {
  margin-top: 0;
  font-size: 0.8rem;
  color: #666;
}